<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
<script>

    // 创建一个无限弹出的输入框,推荐使用 while 
    while(true){
        var msg = prompt('欢迎使用阿姀助手,请问我能为你做点什么呢？\n1.输入1,我能为你计算数值的总和!\n2.输入2,我能为你显示当前的时间\n3.输入3,我能为你讲笑话,让你开心!\n4.输入q,我就能退出页面')
        // 退出功能最简单,我们先来结束当前输入框的时间结束
        // 用户输入指定字母之后,当前页面立刻结束执行
        // 用if判断
        if(msg === 'q'){
            alert('阿姀跟你说再见了哟!')
            break;
        }
        // 我们来做第二个输入功能,用户输入 1 我们将会弹出计算框,计算用户输入的数值总和
        switch(msg){
            case '1':
            // 我们用一个变量将用户输入的数值存起来,方便计算
            var nums = prompt('请输入你要计算的数字,如1,2,3,4,用逗号隔开');
            // 遍历 num 里面的数值
            // 定义一个变量来存计算的总和
            var sum = 0;
            // 因为用户输入的是字符串,我们需要将数组切割掉,用solit切割数组
            numbs = nums.split(',');
            for(var i = 0; i < nums.length;i++){
                // 转换成数字
                sum += parseFloat(numbs[i]);
                alert('计算的总和是'+sum)
            }
            break;
            // 开始选项二的功能,用户输入2之后显示当前时间
            case '2':
            // alert('当前时间为'+new Date())
            var date = new Date();
            var y = date.getFullYear();
            var M = date.getMonth() + 1;
            var d = date.getDate();
            var h = date.getHours();
            var f = date.getMinutes();
            var s = date.getSeconds(); 
            if(M < 10){
                M = '0' + M;
            }
            if(d < 10){
                d = '0' + d;
            }
            if(h < 10){
                h= '0' + h;
            }
            if(f < 10){
                f = '0' + f;
            }
            if(s < 10){
                s = '0' + s;
            }
            // 拼接时间
            var time = y + '-' + M + '-' + d + ' ' + h + '-' + f + '-'+ s; 
            alert(time);     
            break;
            // 第三个功能 用户输入3 我们给他讲笑话
            case '3':
                // alert('我给你讲个笑话吧')
                var arr = ['第一个笑话','第二个笑话','第三个笑话','第四个笑话']
                // 在此执行代码里面准备一个随机小数,将其取整,变成笑话的索引
                var index = Math.floor(Math.random() * arr.length)
                alert(arr[index])
                break;
                default:
                    alert('阿姀不知道你在说什么呢')
                break
        }
        // 用户如果输入的不是我们指定的命令,我们将会告诉他输入错误
    }

</script>
</html>